<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>06_超链接</title>
</head>
<body>
<a href="https://www.baidu.com/">百度一下</a>
<br>
<a href="https://www.tmooc.cn/">达内一下</a>
<hr>
<a href="02_基础标签.html">打开今日的第2个页面</a>
<br>
<a href="04_图片插入.html">打开今日的图片页面</a>
<h3>图片超链接</h3>
<a href="https://www.tmooc.cn/course/305086.shtml">
    <img src="../3.png" width="200px">
</a>
<h3>锚点</h3>
<h1>西游记</h1>
<a href="#c1">快速跳转至第1章</a>
<a href="#c2">快速跳转至第2章</a>
<a href="#c3">快速跳转至第3章</a>
<a href="#c4">快速跳转至第4章</a>
<h3 id="c1">第一章 石猴出世</h3>
<!--lorem*30 Tab补全-->
<p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus adipisci aliquam animi asperiores at atque autem consequatur consequuntur culpa cum cumque debitis delectus dicta dignissimos distinctio dolorem dolores doloribus ea earum eligendi enim eos esse eveniet expedita facere fuga fugiat harum</span></p>
<h3 id="c2">第二章 蓬莱学艺</h3>
<p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus adipisci aliquam animi asperiores at atque autem consequatur consequuntur culpa cum cumque debitis delectus dicta dignissimos distinctio dolorem dolores doloribus ea earum eligendi enim eos esse eveniet expedita facere fuga fugiat harum</span></p>
<h3 id="c3">第三章 龙宫借保</h3>
<p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus adipisci aliquam animi asperiores at atque autem consequatur consequuntur culpa cum cumque debitis delectus dicta dignissimos distinctio dolorem dolores doloribus ea earum eligendi enim eos esse eveniet expedita facere fuga fugiat harum</span></p>
<h3 id="c4">第四章 大闹地府</h3>
<p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus adipisci aliquam animi asperiores at atque autem consequatur consequuntur culpa cum cumque debitis delectus dicta dignissimos distinctio dolorem dolores doloribus ea earum eligendi enim eos esse eveniet expedita facere fuga fugiat harum</span></p>
<a href="#">快速跳转至顶页</a>
</body>
</html>